<template>
  <div class="home">
     <v-header></v-header>
      <div class="images"><img src="@/assets/images/onLine/onLine.png" alt=""></div>
     <div class="section">
       
     </div>
     <v-footer class="footer"></v-footer>
  </div>
</template>

<script>
import VHeader from '@/views/layout/header'
import VFooter from '@/views/layout/footer'
export default {
  components: {
    VHeader,
    VFooter,
  },
}
</script>

<style lang='scss' scoped>
.home{
  display: flex;
  flex-direction: column;
  height: 100%;
  .images{
    width: 100%;
    height: 249px;
      img{
        width: 100%;
        height: 100%;
      }
  }
    .section {
      width: 1200px;
      flex: 1 0 auto;
      margin: 0 auto;
    }
    .footer{
      flex: 0 0 auto;
  }
}
</style>